<!doctype html>
<html lang="en">
	<head>
		<meta charset= "utf-8"/>
		<title>Final Project - Space and Earth Exploration</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>

	</head>
	
	<body onLoad="javascript:visitSunpage3()">
		
			<div id="logo">
			<div><img  src="images/mastermindlogo1.png" width="230px" alt="The logo" title="The logo"/></div>
			</div><br>
	
			<header><img src="images/solar-eclipse.png" alt="Solar Eclipse Header" title="Solar Eclipse Header"/></header><br/><br/>
		
		<section>
	    	<div id="container">
		  
				  <div id="leftBar">
				  	<nav>
				    	<div class="barbuttons"><a href= "home-page.html">Home</a></div><br/>
	    				<div class="barbuttons"><a href= "moon-page1.html">Moon</a></div><br/>
	    				<div class="barbuttons"><a href= "sun-page1.html">Sun</a></div><br/>
						<div class="barbuttons"><a href="earth-page1.html" >Earth</a></div><br>
				 		<br/>
				 		
					 	<div id="test-Link" ><a href="final-test.html"><strong>TEST</strong></a></div>
					 	</nav><br/><br/>
					 	
					 	
				 	<article id="leftBarText">
			 		<p><strong>Did You Know?</strong>
			 				
							Looking at the sun directly results in permanent damage to the eyes, such as blindness<br/>
							Looking at the solar eclipse requires special eye protection or indirect viewing techniques.<br/>
							 We can see a solar eclipse from the Earth.<br/>
							The total phase of a solar eclipse is very brief and will not last more than several minutes.
				  			
				  	</article>
				  </div>
				  
				  <div id="content">
				  <div id="pics">
				    	<h1>Solar eclipse</h1>
				    	<img class="m-image"src="images/anuual-solar-eclipse.jpg" width="250px" height="230px" alt="Sun Annual Solar Eclipse" title="Sun Annual Solar Eclipse"/>
				    	
						<p>Do you know what a solar eclipse is and how it happens? 
						A solar eclipse happens in the circumstances that sun is blocked fully or partially from the view of earth. 
						This event occurs when the moon passes between the sun and earth. 
						According to the orbital position of the moon, earth and sun four types of solar eclipses can occur: total solar eclipse, annular solar eclipses, partial solar eclipses and hybrid solar eclipses.</p><br/><br/>
						
						<p>A total solar eclipse occurs when the disk of the sun is fully obscured by the moon as the moon and sun align perfectly.
						A partial solar eclipse happens when only part of the sun is covered by the moon. 
						<img class="m2-image"src="images/total-solar-eclipse.jpg" width="260px" alt="Sun Total Eclipse" title="Sun Total Eclipse"/>
						An annular solar eclipse occurs when the moon's shadow falls short of the earth's surface and as a result the sun looks like as a bright ring that is called  “ring of fire”, which surrounds the moon. 
						A hybrid solar eclipse happens when an eclipse appears as a partial eclipse on some part of the earth but in other part appears as the total eclipse. The hybrid solar eclipse happens rarely. In the cases of partial eclipses the amount of the sun remains in view depends on the specific circumstances. A two last solar eclipse were an annular eclipse on May 9, 2013 and a hybrid eclipse on Nov. 3, 2013.</p>
						
						</div> 
					
				  			
				  	<article class="topic-main-page">
							<p>Further Activities:</p>
						
							<a href="http://www.kidsastronomy.com/solar_system.htm">Activity 1: See Our Solar System</a><br/>
							<a href="http://www.education.com/activity/article/solar-eclipse/">Activity 2: Do It Yourself</a><br/>
							<a href="http://frogmom.com/2012/05/kid-activities-to-prep-and-view-a-solar-eclipse/">Activity 3:Make a Solar Eclipse Model at Home</a><br/>
							</article>
				  </div>
				  
				 <div id="rightBar2">
						
				  	    <aside>
							<header>
								<p id="aside-title-audio">Audio</p>
							</header>
								<audio id="narration2" controls="controls">
									<source src="audio/solareclipse.mp3" type="audio/mp3">
									<source src="audio/solareclipse.ogg" type="audio/ogg">
								</audio><br/>
								
							<header>
								<p id="aside-title-audio">Transcript</p>
							</header>
							<div id="transcript">
						<p>A total solar eclipse occurs when the sun is fully obscured by the moon.
						 This only happens when there is a new moon and it is aligned with the sun. 
						 A partial solar eclipse occurs when the moon does not align exactly with the sun. 
						 It is only partially obscured. An annular solar eclipse happens when the moon is furthest from the earth. 
						  It does not cover the entire sun because the moon is at it’s smallest.</p>
					</div>
					</aside> 
				  </div>
				    

				 
					<div id="footer"><br/>
						    <a class="movingButtons" href="sun-page2.html">Back</a>
						    <a class="movingButtons" href="sun-page4.html">Next</a>	    
					</div>
			
			</div>
		</section>	
						
	
	</body>

</html>